@charset "utf-8";
/* css reset:为什么? 为了重置默认样式, 并让各大浏览器的样式统一 */
/* 初始化 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  /* 给我们能用到的盒子都加上了, box-sizing: border-box; */
  box-sizing: border-box;
}
body {
  font: 12px/1 "Microsoft YaHei", "宋体", Tahoma, Arial, sans-serif;
  background-color: #fdfdfd;
}
/*去除边框*/
fieldset,
img,
input,
button,
textarea {
  border: none;
  /*去除的蓝色小边框*/
  outline-style: none;
}
/*禁止表单域缩放*/
textarea {
  resize: none;
}
a {
  text-decoration: none;
  color: #969696;
  /* 取消链接高亮(移动端)  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 图片自适应 */
img {
  width: 100%;
  /*解决图片底部对其问题, 底部对齐问题, 只对于行内块元素有 */
  display: block;
}
ul,
ol {
  list-style: none;
}
/* 把所有的标题的样式全部重置了 */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}
/* 废物利用 */
em,
i {
  font-style: normal;
}
/* 提供了一些公共类 */
.fl {
  float: left;
}
.fr {
  float: right;
}
/*清除浮动*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*单行溢出*/
.one-txt-cut {
  overflow: hidden;
  /* 文字在一行显示, 不换行 */
  white-space: nowrap;
  /* 文字溢出显示省略号 */
  text-overflow: ellipsis;
}
/*多行溢出*/
.txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
html,
body {
  width: 100%;
  min-width: 1060px;
}
body {
  background-color: #fafafa;
}
/* 整个网页的大盒子 */
.musician-dom {
  width: 100%;
  height: 100%;
  /* 网页内的内容盒子 */
}
.musician-dom .musician-content-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  /* 头部区域——默认样式 */
  /* 头部区域——定位后样式 */
  /* 内容主体区域 */
  /* 内容主体五部分 */
  /* 内容主体第六部分 */
  /* 内容主体第七部分 */
}
.musician-dom .musician-content-box .musician-header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 0px;
  z-index: 1000;
  width: 100%;
  height: 60px;
  margin-top: 0.1px;
  padding-left: 40px;
  background-color: transparent;
  color: #000;
  overflow: hidden;
  /* 头部内容区域 */
}
.musician-dom .musician-content-box .musician-header .header-content {
  display: flex;
  align-items: center;
  width: 100% !important;
  max-width: 1440px;
  min-width: 1060px;
  height: 100%;
  line-height: 60px;
  /* 左边logo部分 */
  /* 右边的导航部分 */
}
.musician-dom .musician-content-box .musician-header .header-content .logo-svg {
  display: block;
  width: 200px;
  min-width: 200px;
  font-size: 16px;
}
.musician-dom .musician-content-box .musician-header .header-content .logo-svg img {
  width: 153px;
  height: 22px;
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar {
  display: flex;
  flex: 1;
  height: 100%;
  /* 导航条 */
  /* 用户部分 */
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .nav {
  flex: 1;
  min-width: 635px;
  max-width: 759px;
  height: 100%;
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .nav ul li {
  float: left;
  margin-right: 20px;
  line-height: 60px;
  font-weight: 400;
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .nav ul li a {
  display: block;
  padding: 0 10px;
  font-size: 16px;
  opacity: 0.8;
  color: #000;
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .header-user {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 475px;
  height: 60px;
  font-size: 14px;
  /* 左边用户头像 */
  /* 中间的竖线 */
  /* 右边用户邮箱 */
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .header-user .user-center {
  height: 24px;
  /* 用户姓名部分 */
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .header-user .user-center .i-pic {
  float: left;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .header-user .user-center .i-pic img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .header-user .user-center .username {
  position: relative;
  left: 0;
  top: 0;
  float: left;
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .header-user .user-center .username .name {
  height: 24px;
  line-height: 24px;
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .header-user .split-line {
  display: inline-block;
  margin: 0 22px;
  width: 1px;
  height: 16px;
  background-color: #000;
  opacity: 0.3;
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .header-user .mailbox {
  display: inline-block;
  width: 24px;
  height: 16px;
  margin-right: 16px;
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .header-user .mailbox a {
  display: block;
  width: 100%;
  height: 100%;
}
.musician-dom .musician-content-box .musician-header .header-content .header-navbar .header-user .mailbox a i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 16px;
}
.musician-dom .musician-content-box .header-sticky,
.musician-dom .musician-content-box .header-sticky a,
.musician-dom .musician-content-box .header-sticky i {
  color: #fff !important;
  background-color: #000 !important;
}
.musician-dom .musician-content-box .header-sticky .split-line {
  background-color: #fff !important;
}
.musician-dom .musician-content-box .musician-content {
  width: 100%;
  /* 内容主体第一部分 */
  /* 内容主体第二部分 */
  /* 内容主体第三部分 */
  /* 内容主体第四部分 */
}
.musician-dom .musician-content-box .musician-content .content-item1 {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 702px;
  background-image: -webkit-linear-gradient(-90deg, #fafafa 83%, #f3cecc);
  /* 内容盒子 */
}
.musician-dom .musician-content-box .musician-content .content-item1 .item1-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
  /* 定位在外的盒子 */
}
.musician-dom .musician-content-box .musician-content .content-item1 .item1-content .item1-title {
  margin-bottom: 27px;
  color: #fff;
  font-size: 22px;
  color: #000;
  text-transform: uppercase;
  line-height: 2.043;
  text-align: center;
  letter-spacing: 15px;
}
.musician-dom .musician-content-box .musician-content .content-item1 .item1-content .item1-bgc1 {
  width: 375px;
  height: 175px;
  margin-bottom: 40px;
  background-image: url(../images/musician-wellcome.png);
  background-size: cover;
}
.musician-dom .musician-content-box .musician-content .content-item1 .item1-content .item1-bgc2 {
  width: 919px;
  height: 333px;
  background-image: url(../images/Entrance_background.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.musician-dom .musician-content-box .musician-content .content-item1 .item1-content .item1-bottom {
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  transform: translateY(50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 915px;
  border-radius: 42px;
  padding: 28px 0;
  background-color: #fff;
}
.musician-dom .musician-content-box .musician-content .content-item1 .item1-content .item1-bottom .left {
  flex: 1;
  text-align: center;
  width: 201px;
  margin: 0 165px;
  font-size: 28px;
  color: #000;
}
.musician-dom .musician-content-box .musician-content .content-item1 .item1-content .item1-bottom i {
  width: 1px;
  height: 30px;
  background-color: #000;
}
.musician-dom .musician-content-box .musician-content .content-item1 .item1-content .item1-bottom .right {
  flex: 1;
  text-align: center;
  width: 201px;
  margin: 0 165px;
  font-size: 28px;
  color: #000;
}
.musician-dom .musician-content-box .musician-content .content-item2 {
  position: relative;
  width: 100%;
  height: 896px;
  overflow: hidden;
  /* 内容盒子 */
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content {
  width: 100%;
  height: 100%;
  /* 被覆盖的文字部分 */
  /* 40W音乐人已加入文字 */
  /* 轮播盒子 */
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .content-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2210px;
  height: 100%;
  font-size: 165px;
  font-weight: 700;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .content-text .text-one {
  margin: 0;
  margin-left: 470px;
  line-height: 1.1;
  user-select: none;
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .content-text .text-two {
  margin: 0;
  line-height: 1.1;
  user-select: none;
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .content-text2 {
  display: flex;
  justify-content: center;
  height: 417px;
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .content-text2 h1 {
  margin-top: 150px;
  line-height: 1.3;
  font-size: 52px;
  color: #1d1d1f;
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .banner-box {
  position: relative;
  max-width: 1440px;
  min-width: 1060px;
  margin: -50px auto 60px;
  overflow: hidden;
  /* 上下两个轮播图的盒子 */
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .banner-box > div {
  display: flex;
  width: 1620px;
  margin-bottom: 60px;
  animation: animateBanner 20s linear infinite forwards;
  /* 轮播图里面的每一个盒子 */
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .banner-box > div > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 160px;
  margin-left: 20px;
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .banner-box > div > div .pic {
  position: relative;
  width: 160px;
  height: 160px;
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .banner-box > div > div .pic:hover .title {
  opacity: 1;
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .banner-box > div > div .pic img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .banner-box > div > div .pic .title {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 58, 58, 0.85);
  opacity: 0;
  border-radius: 50%;
  text-align: center;
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .banner-box > div > div .pic .title p {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}
.musician-dom .musician-content-box .musician-content .content-item2 .item2-content .banner-box > div > div > p {
  margin-top: 20px;
  font-size: 14px;
  color: #1d1d1f;
}
@keyframes animateBanner {
  100% {
    transform: translateX(-1620px);
  }
}
.musician-dom .musician-content-box .musician-content .content-item3 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 385px;
}
.musician-dom .musician-content-box .musician-content .content-item3 .item3-content {
  height: 100%;
}
.musician-dom .musician-content-box .musician-content .content-item3 .item3-content h1 {
  margin: 100px 0;
  text-align: center;
  line-height: 1.3;
  font-weight: 600;
  font-size: 52px;
}
.musician-dom .musician-content-box .musician-content .content-item4 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 600px;
}
.musician-dom .musician-content-box .musician-content .content-item4 .item4-content {
  height: 100%;
  /* 上面的部分 */
  /* 底下的盒子 */
}
.musician-dom .musician-content-box .musician-content .content-item4 .item4-content .item4-top {
  text-align: center;
}
.musician-dom .musician-content-box .musician-content .content-item4 .item4-content .item4-top h1 {
  font-size: 38px;
  line-height: 1;
  margin: 68px 0 18px;
  color: #1d1d1f;
  font-weight: 600;
}
.musician-dom .musician-content-box .musician-content .content-item4 .item4-content .item4-top h2 {
  color: #1d1d1f;
  font-family: Helvetica, FZLTZHK--GBK1-0;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 68px;
}
.musician-dom .musician-content-box .musician-content .content-item4 .item4-content .item4-bottom {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 740px;
}
.musician-dom .musician-content-box .musician-content .content-item4 .item4-content .item4-bottom .item4-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33.33%;
  margin: 22px 0;
}
.musician-dom .musician-content-box .musician-content .content-item4 .item4-content .item4-bottom .item4-items .pic {
  width: 86px;
  height: 86px;
}
.musician-dom .musician-content-box .musician-content .content-item4 .item4-content .item4-bottom .item4-items .pic img {
  width: 86px;
  height: auto;
}
.musician-dom .musician-content-box .musician-content .content-item4 .item4-content .item4-bottom .item4-items h1 {
  color: #1d1d1f;
  font-size: 14px;
}
.musician-dom .musician-content-box .musician-content .content-item4 .item4-content .item4-bottom .item4-items p {
  color: #1d1d1f;
  opacity: 0.8;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
.musician-dom .musician-content-box .content-item5 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 2500px;
}
.musician-dom .musician-content-box .content-item5 .item5-content {
  width: 100%;
  height: 100%;
}
.musician-dom .musician-content-box .content-item5 .item5-content .item5-contentBox {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: sticky;
  top: 0;
  width: 100%;
  height: 715.5px;
  height: 1300px;
  padding-top: 25.5px;
  margin-bottom: 50px;
  overflow: hidden;
  /* 顶部文字 */
}
.musician-dom .musician-content-box .content-item5 .item5-content .item5-contentBox .top-text {
  position: absolute;
  width: 100%;
  height: 74px;
  top: 68px;
  z-index: 8;
}
.musician-dom .musician-content-box .content-item5 .item5-content .item5-contentBox .top-text h1 {
  color: #1d1d1f;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 38px;
}
.musician-dom .musician-content-box .content-item5 .item5-content .item5-contentBox .top-text h2 {
  color: #1d1d1f;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 56px;
  font-size: 18px;
}
.musician-dom .musician-content-box .content-item6 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: -800px;
  height: 1100px;
}
.musician-dom .musician-content-box .content-item6 .item6-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  /* 头部标题 */
  /* 中间内容图标 */
  /* 底部的三个手机 */
}
.musician-dom .musician-content-box .content-item6 .item6-content .item6-top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.musician-dom .musician-content-box .content-item6 .item6-content .item6-top h1 {
  font-size: 38px;
  line-height: 1;
  margin-top: 68px;
  margin-bottom: 18px;
}
.musician-dom .musician-content-box .content-item6 .item6-content .item6-top h2 {
  color: #1d1d1f;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 68px;
}
.musician-dom .musician-content-box .content-item6 .item6-content .item6-center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 1060px;
  margin-bottom: 63px;
}
.musician-dom .musician-content-box .content-item6 .item6-content .item6-center .item6-items {
  display: flex;
  align-items: center;
  width: 25%;
  margin: 21px 0;
}
.musician-dom .musician-content-box .content-item6 .item6-content .item6-center .item6-items .left {
  width: 40px;
  height: 40px;
  background: url(../images/musician-Profit-01.png) no-repeat;
  background-size: cover;
}
.musician-dom .musician-content-box .content-item6 .item6-content .item6-center .item6-items .right {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
.musician-dom .musician-content-box .content-item6 .item6-content .item6-center .item6-items .right h1 {
  color: #1d1d1f;
  font-size: 14px;
}
.musician-dom .musician-content-box .content-item6 .item6-content .item6-center .item6-items .right p {
  opacity: 0.8;
  font-family: FZLTHK--GBK1-0;
  font-size: 14px;
}
.musician-dom .musician-content-box .content-item6 .item6-content .item6-footer {
  display: flex;
  justify-content: space-between;
  width: 1060px;
  height: 562px;
}
.musician-dom .musician-content-box .content-item6 .item6-content .item6-footer .item6-pic {
  height: 100%;
}
.musician-dom .musician-content-box .content-item6 .item6-content .item6-footer .item6-pic img {
  height: 100%;
}
.musician-dom .musician-content-box .content-item7 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 600px;
  margin-top: 30px;
  margin-bottom: 90px;
}
.musician-dom .musician-content-box .content-item7 .item7-content {
  width: 1060px;
  height: 100%;
  /* 上面的tab栏切换 */
  /* 下面的轮播图盒子 */
}
.musician-dom .musician-content-box .content-item7 .item7-content .tab-top {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 51px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .tab-top li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 100%;
}
.musician-dom .musician-content-box .content-item7 .item7-content .tab-top div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.musician-dom .musician-content-box .content-item7 .item7-content .tab-top div i {
  width: 32px;
  height: 100%;
  margin: 0 auto;
  background-size: 200% auto;
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.musician-dom .musician-content-box .content-item7 .item7-content .tab-top div i.i3 {
  width: 96px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .tab-top div i.i4 {
  width: 119.75px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .tab-top div i.i5 {
  width: 120px;
  height: 100%;
  font-size: 15px;
  line-height: 50px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}
.musician-dom .musician-content-box .content-item7 .item7-content .tab-top div i.active {
  background-position: 0%;
  color: #ff3a3a;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 623px;
  /* 轮播图的第N个盒子 */
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban {
  display: none;
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 80px;
  /* 共同样式部分 */
  /* 轮播图的激活状态 */
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban .ban-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban .ban-content .ban-top {
  width: 100%;
  height: 210px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban .ban-content .ban-top h1 {
  text-align: center;
  font-size: 38px;
  line-height: 1;
  margin-top: 68px;
  margin-bottom: 18px;
  color: #1d1d1f;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban .ban-content .ban-top h2 {
  text-align: center;
  color: #1d1d1f;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 68px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban .ban-content .ban-bottom {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: center;
  /* 前两个轮播图的四个盒子的样式 */
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban .ban-content .ban-bottom .ban-item {
  width: 230px;
  text-align: center;
  font-size: 14px;
  color: #000;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban .ban-content .ban-bottom .ban-item .pic {
  width: 100%;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban .ban-content .ban-bottom .ban-item .text {
  opacity: 0.8;
  font-size: 14px;
  line-height: 1;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban .ban-content .ban-bottom .ban-item .text h1 {
  margin: 8px 0;
  opacity: 1;
  margin-top: 20px;
  margin-bottom: 14px;
  font-size: 14px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban .ban-content .ban-bottom .ban-item .text p {
  margin: 5px 0;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.active {
  display: block;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban1 .ban-bottom {
  height: 322px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban2 .ban-bottom {
  height: 322px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban2 .ban-bottom .pic {
  position: relative;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban2 .ban-bottom .pic .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  border-radius: 8px;
  background-color: rgba(255, 58, 58, 0.9);
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban2 .ban-bottom .pic .mask p {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban2 .ban-bottom .pic:hover .mask {
  display: block;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban3 .ban-bottom {
  height: 316px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban3 .ban-bottom > div {
  width: 507px;
  height: 316px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban4 .ban-bottom {
  height: 322px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban4 .ban-bottom > div {
  width: 322px;
  height: 322px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban5 {
  color: transparent;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban5 .ban-bottom {
  height: 540px;
  flex-wrap: wrap;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban5 .ban-bottom > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 322px;
  height: 223px;
  margin-bottom: 47px;
  border-radius: 8px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban5 .ban-bottom > div img {
  width: 100%;
  height: 189px;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban5 .ban-bottom > div p {
  font-size: 14px;
  color: #000;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban5 .ban-bottom .ban5-more {
  display: flex;
  align-items: center;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban5 .ban-bottom .ban5-more .text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 189px;
  border-radius: 8px;
  background-color: hsla(0, 0%, 84.7%, 0.3);
  color: rgba(0, 0, 0, 0.2);
  font-size: 14px;
  text-align: center;
}
.musician-dom .musician-content-box .content-item7 .item7-content .banner .ban.ban5 .ban-bottom .ban5-more p {
  font-size: 0;
}
/* 网页尾部通栏图片 */
.content-item9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 730px;
  background: url(../images/musician-footer.png);
  background-size: cover;
  background-position: 50%;
  color: #fff;
}
.content-item9 .item9-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content-item9 .item9-content .item9-title {
  margin-bottom: 52px;
  width: 676px;
  height: 167px;
}
.content-item9 .item9-content .item9-title img {
  width: 100%;
}
.content-item9 .itrm9-btn {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 915px;
  border-radius: 42px;
  background-color: #fff;
  padding: 28px 0;
}
.content-item9 .itrm9-btn .text1,
.content-item9 .itrm9-btn .text2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 201px;
  margin: 0 165px;
  font-size: 28px;
  color: #000;
}
.content-item9 .itrm9-btn i {
  width: 1px;
  background-color: #000;
  opacity: 0.2;
  height: 30px;
}
/* 网页的尾部区域 */
.musician-footer {
  width: 100%;
  padding: 32px 40px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
}
.musician-footer .footer-content {
  max-width: 1060px;
  margin: 0 auto;
  /* 版权服务信息 */
}
.musician-footer .footer-content > a {
  width: 116px;
  height: 20px;
  display: block;
  background: url(../images/musician-logo-footer.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.musician-footer .footer-content .footer_content_1shg {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  /* 左边版权 */
  /* 右边服务 */
}
.musician-footer .footer-content .footer_content_1shg .footer_root {
  width: 100%;
  padding: 32px 40px;
  color: rgba(0, 0, 0, 0.6);
  font-family: FZLTHK--GBK1-0;
  font-size: 15px;
}
.musician-footer .footer-content .footer_content_1shg .footer_root p {
  /* 文字有最小限制，可以设置较大字号，然后缩放缩小 */
  transform: scale(0.68);
  transform-origin: top left;
  line-height: 17px;
}
.musician-footer .footer-content .footer_content_1shg .footer_serve {
  display: flex;
  width: 280px;
  justify-content: space-between;
  align-items: center;
  transform: scale(0.68);
}
.musician-footer .footer-content .footer_content_1shg .footer_serve a {
  padding-bottom: 1px;
}
